@import "../../core/color.scss";
@import "../../core/function.scss";

.re-switch-btn {
  display: inline-block;
  a {
    @include pos;
    display: inline-block;
    border: 1px solid $border;
    border-radius: 2px;
    color: rgba($black,.45);
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    height: 34px;
    margin-right: 10px;
    &:hover {
      color: $blue;
      border-color: $blue;
    }
    .re-icon {
      display: none;
      &:before {
        @include pos(absolute);
        top: 0;
        right: 0;
        font-size: 18px;
        line-height: 18px;
        width: 17px;
        height: 18px;
      }
    }
    &.active {
      color: $blue;
      border-color: $blue;
      .re-icon {
        display: block;
      }
    }
  }
}